.about-hero-section {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

  .footer-menu {
     width: 100%;
  }

  .footer-link {
     display: flex;
     justify-content: center;
  }

  .about-hero-section-round-fleet {
     width: 100%;
     height: auto;
     position: relative;
     top: -234px;
     right: -135px;
  }

  .about-hero-section-round-fleet img {
     width: 55%;
     height: auto;
     float: right;
  }

  .about-hero-img img {
     right: -35px;
  }

  @media only screen and (max-width:1100px) {
     .about-fleet-manager {
        margin-top: -40px;
     }
  }

  @media only screen and (max-width:992px) {
     .about-hero-section-round-fleet {
        width: 80%;
        top: -180px;
     }

     .about-hero-section-round-fleet img {
        width: 75%;
     }

     .about-hero-img img {
        top: 144px;
     }

     .about-hero-section-round-fleet {
        width: 100%;
        display: flex;
        justify-content: end;
     }

     .about-section .display-4 {
        font-size: 3rem;
     }

     /* .about-fleet-manager{
           margin-top: 40px;
        } */
  }

  @media only screen and (max-width:767px) {
     .about-hero-section-round img {
        width: 66%;
        left: -237px;
     }

     .about-hero-section-round-fleet {
        justify-content: unset;
     }

     .about-hero-section-round-fleet {
        top: -100px;
        right: -173px;
     }

     .about-section .display-4 {
        margin-top: 100px;
        font-size: 3rem;
     }

     .about-hero-img img {
        top: 285px;
        right: 34px;
     }

     .about-fleet-manager {
        margin-top: 0px;
     }

     /* .about-fleet-manager{
           margin-top: 40px;
        } */
  }

  @media only screen and (max-width:575px) {
  
     .about-hero-section-round img {
        width: 66%;
        left: -237px;
     }

     .about-section .display-4 {
        margin-top: 90px;
        margin-left: 20px;
        font-size: 2.8rem;
     }

     .about-hero-section-round-fleet {
        top: -26px;
     }

  }


  @media only screen and (max-width:480px) {
      .about-fleet-manager-content1 p {
        font-size: 12px;
   

     }

     .about-hero-section-round img {
        width: 66% !important;
        left: -173px !important;
     }

     .about-section .display-4 {
        margin-left: 30px;
        margin-top: 88px;
        font-size: 1.6rem;
     }

     .about-hero-img img {
        top: 193px;
        right: 20px;
     }

  }

  @media only screen and (max-width:360px) {
  
     .main-section-background {
        background-size: 19% 400px;
        height: 400px;
     }

     .about-hero-section-round-fleet {
        top: 0px !important;
     }

     .about-hero-section-round img {
        width: 66% !important;
        left: -135px !important;
     }

     .about-section .display-4 {
        margin-left: 13px;
        margin-top: 67px;
        font-size: 1.6rem;
     }

     .about-hero-img img {
        top: 180px;
        right: 20px;
     }

  }

  .about-fleet-img {
     width: 100%;
     height: auto;
     position: relative;
  }

  .about-fleet-img img {
     width: 100%;
     height: auto;
     margin-top: 20px;
  }

  .about-fleet-img::before {
     width: 20%;
     height: 20%;
     content: '';
     position: relative;
     left: -5px;
     margin-top: -35px;
     background-color: #30326B;
     border-top-right-radius: 10px;
  }

  .responsive-client-section {
     width: 100%;
     height: auto;
     position: relative;
     margin-top: 100px;
     margin-bottom: 80px;
  }

  .client-1-responsive {
     width: 100%;
     height: auto;
     display: flex;
     flex-direction: column;
     margin-top:50px;
  }

  .client-1-responsive-img {
     width: 100%;
     height: auto;
     display: flex;
     flex-direction: row;

  }

  .client-1-responsive-img1 {
     width: 80%;
     height: auto;
     position: relative;
     /* border-radius: 50%;
border: 1px solid #000; */
  }

  .client-1-responsive-img1:before {
     width: 65%;
     height: 89%;
     content: '';
     background-color: #130F41;
     position: absolute;
     top: -20px;
     border-radius: 20px;
  }

  .client-1-responsive-img1 img {
     width: 65%;
     position: relative;
     right: 0px;
     display: flex;
     margin: -3px 50px;
     box-shadow: rgb(0 0 0 / 29%) 0px 19px 54px;
     border-radius: 50%;
     height: auto;

  }

  .responsive-mind-behind-title {
     width: 100%;
  }

  .responsive-mind-behind-title h1 {
     font-family: 'antipasto pro';
     color: #130F40;
     font-weight: 600;
  }

  .client-1-reponsive-name {
     display: flex;
     flex-direction: column;
     width: 100%;
     padding-top: 25px;
  }

  .client-1-reponsive-name h2 {
     font-family: 'rubik';
     font-weight: bold;
  }

  .client-1-reponsive-name .line-owner .line {
     position: relative;

  }

  .client-1-responsive-img .client-1-reponsive-name .line-owner {
     display: flex;
     flex-direction: row;
     /* justify-content: end; */
     position: relative;
  }

  .client-1-responsive-img .client-1-reponsive-name .line-owner .line {
     margin-right: 10px;
     width: 40px;
     height: 3px;
     background-color: #130F40;
     margin-top: 5px;
  }

  .client-1-responsive-img .client-1-reponsive-name .line-owner .line span {
     top: -18px;
     position: absolute;
     /* right: 60px; */
     font-size: 20px;
     color: #C1CAD1;
     font-weight: lighter;
     display: flex;
     justify-content: end;
  }

  .client-2-responsive-img {
     width: 100%;
     height: auto;
     display: flex;
     flex-direction: row;
  }

  .client-2-responsive-img .client-2-reponsive-name .line-owner2 {
     display: flex;
     flex-direction: row;
     justify-content: end;
     position: relative;
  }

  .client-2-responsive-img .client-2-reponsive-name .line-owner2 .line {
     margin-right: 10px;
     width: 40px;
     height: 3px;
     background-color: #130F40;
     margin-top: 5px;
  }

  .client-2-responsive-img .client-2-reponsive-name .line-owner2 .line span {
     /* top: 33px; */


     position: absolute;
     right: 60px;
     font-size: 20px;
     color: #C1CAD1;
     font-weight: lighter;
     display: flex;
     justify-content: end;
  }

  .client-1-responsive-content {
     width: 100%;
     height: auto;
     margin-top: 35px;
  }

  .client-1-responsive-content p {
     font-size: 19px;
     font-family: 'rubik';
     color: #434252;
     font-weight: lighter;
     text-align: start;
     line-height: 1.2;

  }

  .client-2-responsive {
     width: 100%;
     height: auto;
     display: flex;
     flex-direction: column;
     margin-top: 50px;
  }

  .client-2-responsive-img {
     width: 100%;
     height: auto;
     display: flex;
     flex-direction: row;
  }

  .client-2-responsive-img1 {
     width: 80%;
     height: auto;
     position: relative;
     /* border-radius: 50%;
border: 1px solid #000; */
  }

  .client-2-responsive-img1:before {
     width: 65%;
     height: 89%;
     content: '';
     background-color: #130F41;
     position: absolute;
     top: -20px;
     border-radius: 20px;
     right: 0;
  }

  .client-2-responsive-img1 img {
     width: 65%;
     position: relative;
     right: 0px;
     display: flex;
     margin: -3px 19px;
     box-shadow: rgb(0 0 0 / 29%) 0px 19px 54px;
     border-radius: 50%;
     height: auto;

  }

  .client-2-reponsive-name {
     display: flex;
     flex-direction: column;
     width: 100%;
     padding-top: 25px;
  }

  .client-2-reponsive-name h2 {
     font-family: 'rubik';
     font-weight: bold;
     display: flex;
     justify-content: end;
     padding-right: 10px;
  }

  .client-2-responsive-content {
     width: 100%;
     height: auto;
     margin-top: 35px;
  }

  .client-2-responsive-content p {
     font-size: 19px;
     font-family: 'rubik';
     color: #434252;
     font-weight: lighter;
     text-align: end;
     line-height: 1.2;

  }

  @media only screen and (max-width:768px) {
     .client-1-responsive-content p {
        font-size: 16px;
     }

     .client-2-responsive-content p {
        font-size: 16px;
     }
  }

  @media only screen and (max-width:480px) {
     .client-1-reponsive-name h2 {
        font-size: 1.3rem;
     }

     .client-2-reponsive-name h2 {
        font-size: 1.3rem;
        padding-right: 0px;
     }

     .client-1-responsive-img1 img {
        margin: -3px 40px;
     }
  }

  .close.btn-check:focus+.close.btn,
  .close.btn:focus {
     border-color: #fff !important;
  }

  .close.btn-check:active+.btn,
  .close.btn-check:checked+.btn,
  .close.btn.active,
  .close.btn.show,
  .close.btn:active {
     border-color: #fff !important;
  }